<template>
  <div>
    <a-button type="primary" @click="showModal">打开 B Modal</a-button>
    <a-modal
      v-model:visible="isModalVisible"
      title="B Modal"
      @ok="handleOk"
      @cancel="handleCancel"
    >
      <p class="myp2">这是 B Modal 的内容</p>
    </a-modal>
  </div>
</template>

<script>
export default {
  name: 'BP',
  data() {
    return {
      isModalVisible: false,
    };
  },
  methods: {
    showModal() {
      this.isModalVisible = true;
    },
    handleOk() {
      this.isModalVisible = false;
    },
    handleCancel() {
      this.isModalVisible = false;
    },
  },
};
</script> 